/* stylelint-disable selector-class-pattern */

.@{prefixCls} {
  &-choice {
    height: 100%;
    display: flex;
    flex-direction: column;

    .choice_list {
      flex: auto;
      overflow-y: auto;

      .ym-skeleton {
        margin-top: 16px;
      }

      .list_group_item {

        //角色、岗位分组
        .group_item_name {
          height: 32px;
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          column-gap: 8px;

          .name_icon {
            font-size: 12px;
            color: @primaryColor;
            margin-left: 5px;
          }

          .name_text {
            flex: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }

        .group_item_child {}
      }

      .list_other_item {
        width: 100%;
        height: 40px;
        display: flex;
        flex-flow: row nowrap;
        column-gap: 8px;
        cursor: pointer;

        &:hover {
          background-color: #e7eaef;
        }

        .item_center {
          flex: auto;
          overflow: hidden;
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          column-gap: 8px;

          .center_icon {
            font-size: 12px;
            color: @primaryColor;
          }

          .center_text {
            flex: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }

        .item_right {
          position: relative;
          height: 40px;
          flex: 0 0 40px;
          text-align: center;
          line-height: 40px;
          font-size: 14px;
          color: @primaryColor;

          &::before {
            position: absolute;
            content: '';
            top: 13px;
            bottom: 13px;
            left: 0;
            width: 1px;
            height: 14px;
            background: rgba(255, 109, 59, 20%);
          }

          &.disabled {
            color: #00000040;

            &::before {
              background: #acabab40;
            }
          }
        }
      }

      .list_staff_item {
        //ren
        width: 100%;
        height: 40px;
        display: flex;
        flex-flow: row nowrap;
        column-gap: 8px;
        cursor: pointer;

        &:hover {
          background-color: #e7eaef;
        }

        .item_person {
          flex: auto;
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          column-gap: 8px;
          overflow: hidden;

          .person_avatar {
            flex: 0 0 24px;
            height: 24px;
            overflow: hidden;
            outline: none;
            border-radius: 50%;
          }

          .person_text {
            flex: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
      }
    }
  }
}